import { Vue, Component, Prop } from 'vue-property-decorator'
@Component({})
export default class PageCard extends Vue {
  @Prop() contentStyle?: object | string
  render(h: any) {
    return h(
      'div',
      {
        class: 'page-card'
      },
      [
        this.$slots.top
          ? h(
              'div',
              {
                style: {
                  marginBottom: '12px'
                }
              },
              this.$slots.top
            )
          : null,
        h(
          'div',
          {
            class: 'page-card__content',
            style: this.contentStyle
          },
          this.$slots.default
        )
      ].filter(Boolean)
    )
  }
}
